<template>
  <Header class="header" />
  <RouterView style="height: 80%" />
  <Footer class="footer" />
</template>
<script setup lang="ts">
import { defineComponent, onMounted } from 'vue'
import { RouterLink, RouterView } from 'vue-router'
import Header from './components/header.vue'
import Footer from './components/footer.vue'
</script>
<style scoped lang="less">
.header {
  width: 100%;
  height: 10%;
  margin: 0 auto;
  border-bottom: #c7c7c7 solid 1px;
}
.footer {
  height: 10%;
}
</style>
